<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">

        <!-- Bootstrap CSS -->
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">

        <!-- 加载我们的静态资源 -->
        <link href="../../static/login/css/login-native.css" rel="stylesheet" />

        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <!-- {#    以下三者的引用顺序是固定的#} -->
        <!-- 由于Bootstrap依赖JQuery，所以我们也需要使用CDN引用JQuery 3.3.1 -->
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
        <!-- 另外，从Bootstrap4开始，额外需要popper.js的支持，依旧使用CDN的方式引入 -->
        <script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

        <title>登录</title>
    </head>
    <body>
        <div class="container">
            <div class="col">
                <form class="form-login" action="/login/" method="post">
                    <h3 class="text-center">欢迎登录</h3>
                    <div class="form-group">
                        <label for="id_username">用户名：</label>
                        <input type="text" name='username' class="form-control" id="id_username" placeholder="Username"
                            autofocus required>
                    </div>
                    <div class="form-group">
                        <label for="id_password">密码：</label>
                        <input type="password" name='password' class="form-control" id="id_password"
                            placeholder="Password" required>
                    </div>
                    <div>
                        <a href="/register/" class="text-success "><ins>Registration</ins></a>
                        <button type="submit" class="btn btn-primary float-right">Login</button>
                    </div>
                </form>
            </div>
        </div> <!-- /container -->
        <div>
            <p id="para1"> da </p>
        </div>
        <div>
            <p class="center"><a href="https://baidu.com" target="_blank">跳转百度</a></p>
        </div>
    </body>
</html>
